<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:form id="formularioAgregarTela">
        <p:messages id="msgs" showDetail="false"  autoUpdate="true" closable="true" globalOnly="true"/>
        <p:panelGrid id="agregarDetalle" style="margin: 0px auto;">                                                          
            <p:row>
                <p:column>
                    <h:outputLabel value="ARTICULO: " styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <p:selectOneMenu  id="idArticulo" value="#{BKDetallePedidoFP.articuloFormulario.id}" 
                                      filter="#{BKFacturaProforma.listaArticulosActivos.size() gt 10}" filterMatchMode="contains">                              
                        <f:selectItem itemLabel="Seleccione" itemValue="0" />  
                        <f:selectItems value="#{BKFacturaProforma.listaArticulosActivos}" 
                                       var="producto" itemValue="#{producto.id}" itemLabel="#{producto.nombreComercial}" />
                        <p:ajax event="change" listener="#{MBDetallePedidoFP.cargarCotizaciones}" update="cbxCodigo"/>  

                    </p:selectOneMenu> 
                    <p:message for="idArticulo" display="text" />
                </p:column>

            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="CODIGO(*): " styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <p:selectOneMenu  id="cbxCodigo" value="#{BKDetallePedidoFP.codigoCotizacion}" required="true"
                                      editable="true" style="width: 180px" >                              
                        <f:selectItem itemLabel="Seleccione" itemValue="" />  
                        <f:selectItems value="#{BKDetallePedidoFP.listaCotizacionActivo}" 
                                       var="cot" itemValue="#{cot.codigo}" itemLabel="#{cot.codigo}" />
                        <p:ajax  listener="#{MBDetallePedidoFP.elegirCotizacion}" update="txtPrecioUnitario,txtProducto,txtDetalle,txtVersion,
                                 cbxUnidadMedida,txtProporcionUvUm,btn_add,lblProporcionUvUm" />  

                    </p:selectOneMenu> 
                    <p:message for="cbxCodigo" display="text" />
                    <h:outputLink value="#{request.contextPath}#{MBCotizacion.nuevo()}.anx" target="_blank" class="linkAgregar" >Agregar Cotización</h:outputLink>
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="PRODUCTO: " styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <h:outputText id="txtProducto" value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.nombreProducto}"/> 
                </p:column>
            </p:row>            

            <p:row>
                <p:column>
                    <h:outputLabel value="DETALLE: " styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <h:outputText id="txtDetalle" value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.detalle}"/> 
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="VERSIÓN: " styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <h:outputText id="txtVersion" value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.idCotizacion.version}"/> 
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel id="lblUnidadC" value="UNIDAD DE MEDIDA(*): " styleClass="lblForm" />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="cbxUnidadMedida" required="true" disabled="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.idCotizacion eq null}" 
                                     value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.unidadMedida}"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                        <f:selectItems value="#{BKFacturaProforma.listaTipoUnidadMinima}" var="unidad" 
                                       itemLabel="#{unidad.abrev}" itemValue="#{unidad.abrev}" />	
                        <p:ajax update="txtConversion lblProporcionUvUm" listener="#{MBDetallePedidoFP.compararUnidadMedida()}" event="change" />
                    </p:selectOneMenu>	
                    <p:message for="cbxUnidadMedida" display="text"/>
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="CONVERSIÓN:" styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <p:inputText id="txtConversion" disabled="#{BKDetallePedidoFP.activarConversion eq false}"
                                 value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.conversion}"> 
                        <f:validateDoubleRange minimum="0.01"  />
                        <p:ajax update="txtPrecioUnitario" process="@this" listener="#{MBDetallePedidoFP.convertir()}" event="blur" />
                    </p:inputText>	
                    <p:message for="txtConversion" display="text"/>
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="PRECIO UNITARIO($)(*):" styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <p:inputText id="txtPrecioUnitario" required="true"
                                 value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.precioUnitario}"/> 
                    <p:message for="txtPrecioUnitario" display="text" />
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="UNIDAD DE EMPAQUE(*):"  styleClass="lblForm" />  
                </p:column>
                <p:column>
                    <p:selectOneMenu  id="txtUnidadVenta" value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.unidadVenta}" required="true"
                                      editable="true">                              
                        <f:selectItem itemLabel="Seleccione" itemValue="" />  
                        <f:selectItem itemLabel="ROLLO" itemValue="ROLLO" />  
                        <f:selectItem itemLabel="BOLSA" itemValue="BOLSA" />  
                    </p:selectOneMenu> 
                    <p:message for="txtUnidadVenta" display="text" />
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel id="lblProporcionUvUm" value="(#{BKDetallePedidoFP.formularioDetalleFacturaProforma.unidadMedida}) POR EMPAQUE(*)" styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <p:inputText id="txtProporcionUvUm" required="true"
                                 value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.proporcionUvUm}">
                    </p:inputText> 

                    <p:message for="txtProporcionUvUm" display="text" />
                </p:column>
            </p:row>

            <p:row>
                <p:column>
                    <h:outputLabel value="CANTIDAD(*)" styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <p:inputText id="txtCantidadUv" required="true"
                                 value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.cantidadUV}">
                    </p:inputText>
                    <p:message for="txtCantidadUv" display="text" />
                </p:column>
            </p:row>

            <p:row rendered="false">
                <p:column>
                    <h:outputLabel value="PESO POR EMPAQUE(KG)" styleClass="lblForm"  />  
                </p:column>
                <p:column>
                    <p:inputText id="txtPesoUnitario" value="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.pesoUnitario}"/> 
                </p:column>
            </p:row>

        </p:panelGrid> 
        <p:panelGrid columns="2" style="margin: 0px auto;">
            <p:commandButton id="btn_add" value="AGREGAR" update=":formFacturaProforma:idPanelListaDetalle,formularioAgregarTela,:formFacturaProforma:btnGuardar" 
                             disabled="#{BKDetallePedidoFP.formularioDetalleFacturaProforma.idCotizacion eq null?true:false}"
                             oncomplete="if (args.validationFailed){ agregarTela.show()} else {agregarTela.hide()}"
                             actionListener="#{MBDetallePedidoFP.agregarDetallePedidoFp}">  
            </p:commandButton>                                                                                               

            <p:commandButton value="CANCELAR"  onclick="agregarTela.hide()"  />                                                                         

        </p:panelGrid> 

    </h:form>
</html>   
